<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
        <title>PlaceNDate - Creación de Evento</title>
        <link rel="shortcut icon" href="images/favicon.ico" >

        <!--CSS -->
        <link href="stylesheets/styles.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/screen.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/print.css" type="text/css" rel="stylesheet" media="print"/>   
        <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
        <link href="stylesheets/superfish.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/jquery-ui-1.8.14.custom.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/timepicker.css" type="text/css" rel="stylesheet" media="screen, projection"/>

        <!-- FUNCIONES JAVASCRIPT -->
        <script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
        <script src="javascripts/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
        <script src="javascripts/timepicker.js" type="text/javascript"></script>
        <script src="javascripts/init.js" type="text/javascript"></script>
        <script src="javascripts/cookies.js" type="text/javascript"></script>
        <script src="javascripts/agregarMarcador.js" type="text/javascript"></script>
        <script src="javascripts/hoverIntent.js" type="text/javascript"></script>
        <script src="javascripts/superfish.js" type="text/javascript"></script>
        <!--        <style type="text/css">
                    #loginContent { width: 350px; margin: 100px auto; }
                    button[type] { margin: 0.5em 0; }
    </style>-->
</head>
<body onload="init();notregistered()">
    <div id="fondocabecera">
        <div class="container">
            <div id="contenidocabecera">
                <a id="logo" class="cabecera span-12" href="index.html">
                    <img src="images/logo.png">
                </a>

                <ul id="buttons" class="cabecera botones span-24 sf-menu" style="display: none;">

                    <li id="inicioB" class="current span-6 last">
                        <a href="index.html">Inicio</a>
                    </li>
                    <li id="marcadorB" class="span-6 last">
                        <a href="crearMarcador.html">Crear Evento</a>
                    </li>
                    <li id="gruposB" class="span-6 last">
                        <a href="grupos.html">Mis grupos</a>
                    </li>
                    <li id="usB" class="span-6 last">
                        <a href="sobreNosotros.html">ProyectoJAU</a>
                    </li>

                </ul>
                <div id="user" class="cabecera span-12 last" style="display: none;">
                     <a id="name" href="infoPersonal.html">

                    </a>
                    <button id="logout" onclick="logout()">
                        <img alt="SALIR" src=
                             "./images/salir.jpg" />                         
                        Logout
                    </button>
                </div>
            </div>
        </div>
    </div>
    <br />
    <br />
    <div id="contenido">
        <div class="container marcoRegistro"> 
            <div class="span-48">
                <br />
                <h1>
                    &nbsp;Nuevo evento
                </h1>

                <form id="markerform" name="markerform" method="post" action="">
                    <label class="campillos">Ciudad: </label><input type="text" id="ciudad" name="ciudad" /><br />
                    <div class="EDC"></div>
                    <label class="campillos">Dirección: (calle,plaza,...) </label><input type="text" id="direccion" name="lugar" /><br />
                    <div class="EDC"></div>
                    
                    <label class="campillos">Fecha: </label><input type="text" id="datepicker" name="fecha" />
                    
                    
                    <!--
                    <label class="campillos">Día: </label><input type="text" id="dia" name="dia" />
                    <div class="EDC"></div>
                    <label class="campillos">Mes: </label><input type="text" id="mes" name="mes" /><br />
                    <div class="EDC"></div>
                    <label class="campillos">Año: </label><input type="text" id="anio" name="anio"/><br />
                    -->
                    <div class="EDC"></div>
                  <!--  <label class="campillos">Comentarios adicionales: </label><input type="text" id="comentariosAdicionales" name="comentariosAdicionales"/><br />
                    <div class="EDC"></div>
                 -->   <label class="campillos">Hora: </label><input type="text" id="timepicker" name="hora"/><br />
                    <div class="EDC"></div>
                    <label class="campillos">Tipo:</label>
                        <input type="radio" name="tipo" value="reunion"/>Reunión
                        <input type="radio" name="tipo" value="videojuegos"/>Videojuegos
                        <input type="radio" name="tipo" value="comida"/>Comida
                        <input type="radio" name="tipo" value="compra"/>Compra
                        <input type="radio" name="tipo" value="cine"/>Cine
                        <input type="radio" name="tipo" value="fiesta"/>Fiesta
                        <input type="radio" name="tipo" value="concierto"/>Concierto
                        <input type="radio" name="tipo" value="otros"/>Otros
                    <div class="EDC"></div>
                    <label class="campillos">Descripción: </label><textarea rows=2 cols=20 id="descripcion" name="descripcion" style="clear: both"></textarea>
                    <div class="EDC"></div>
                    <div class="campillos"></div><input type="button" value="Crear" onclick="agregarMarcador()"/>
                    <div class="EDC"></div>
                </form>
                <div id="markerResult">
                </div>
                <div id="loginResult" style="display:none;">
                </div>
            </div>
        </div>
    </div>
</body>
</html>
